<%@page import="com.ereport.dao.ExecutiveDAO"%>
<%@page import="com.ereport.entity.AdminExpensesToExec"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="<%=application.getContextPath() %>/css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=application.getContextPath() %>/js/jquery-1.6.min.js"></script>	
<script language="javascript" src="<%=application.getContextPath() %>/js/calendar_eu.js"></script>
<script type="text/javascript" src="<%=application.getContextPath() %>/js/jquery-ui-1.8.17.custom.min.js"></script>	
<link rel="stylesheet" href="<%=application.getContextPath() %>/css/jquery-ui-1.8.17.custom.css"/>
<link rel="stylesheet" href="<%=application.getContextPath()%>/css/datatable.css"/>
<script type="text/javascript" language="javascript" src="<%=application.getContextPath()%>/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="<%=application.getContextPath()%>/js/jquery.validate.js"></script>	
<script type="text/javascript" src="<%=application.getContextPath()%>/js/jquery.validate.min.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('#viewTable').dataTable();
	} );
</script>
<script>
  $(document).ready(function(){
    $("#myform").validate({
  messages: {
	  exeName:
      {
          required: "Executive Name must not be empty.",
      },
      month:
      {
          required: "Month must not be empty.",
          
      },
      year:
      {
          required: "Year must not be empty.",
      }
      
   
  }
});
  });
  </script>
<style>
<!--
.dataTables_length {
    float: left;
    width: 40%;
}
.dataTables_filter{
height: 45px;
width:155px;

}

.dataTables_filter input{
width:150px;
 height:20px;
  background:#e8e8e8;
   border-radius: 4px;
     border:1px solid #a1a1a1;
     margin-right: 10px;
}
-->
</style>

<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<script type="text/javascript">
$(document).ready(function(){
	<%
	if(session.getAttribute("explist")!=null){
	%>
	$("#addExp").hide("slow");
	$("#viewExp").show("slow");
	
	<%		
	}
	
	%>
});
</script>
</head>
<style>
	#field, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
  	label {  width: 14em; }
	br { clear: both; }
	input.error { border: 1px solid red;  }
	select.error{ border: 1px solid red;  }
	label.error {
		padding-left: 16px;
		margin-left: .3em;
		color: red;
		
	}
	#editor{
	width:95%;
	}
	#remarksEditor{
	width:95%;
	}
	#nextsteppopup {
	position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
 
  width: 250px;
  color: white;
	}
	.ui-dialog .ui-state-error { padding: .3em; }
	.ui-corner-all{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}
	.ui-corner-all:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}
	.logout{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 15px;
	width: 50px;
	font-weight: normal;
	color: red;
	text-decoration: none;
	}
	#bulletinDialog title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
	.textarea1{
		height: 50px;
	}
	</style>

    <script>

	$(function() {
		$( "#expnsesDate" ).datepicker({ dateFormat: "dd-mm-yy" });
	});
	</script>
	<script>

	$(function() {
		$( "#expenseAccordion" ).accordion({
			active: false,
			collapsible: true,
			autoHeight: false
			});
	});
	</script>
<body onLoad="MM_preloadImages('<%=application.getContextPath() %>/images/travel-hover.jpg','<%=application.getContextPath() %>/images/os-hover.jpg')">
<table width="927" style="height: 880px" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td height="116" align="left" valign="top" background="<%=application.getContextPath() %>/images/top-bg.jpg" style="background-repeat:repeat-x; background-position:left top">
    <%@ include file="../common/exe-header.jsp" %>
	</td>
  </tr>
  <tr>
    <td align="left" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    	<tr>
    		<td align="left" valign="top">&nbsp;&nbsp;
    			<a href="<%=application.getContextPath() %>/user/open.do"><img src="<%=application.getContextPath() %>/images/home1.jpg" width="20" height="20" border="0" /></a>
    		</td>
    	<td align="center" valign="top">
    	<%
        	if(request.getParameter("success")!=null){
        		out.println(request.getParameter("success"));
        	}
        %>
    	</td>
    		<td width="8%" align="center"><a href="<%=application.getContextPath() %>/user/logout.do" style="font-family: sans-serif;">&nbsp;&nbsp;Logout</a></td>
    	</tr>
    	
    </table>
    </td>
  </tr>
 
  <tr>
    <td height="50" align="left" valign="top">
    <table width="98%" align="center"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="100%"  align="center" valign="top">
        <table width="100%" height="88" cellpadding="0" cellspacing="0" class="box-border1">
          <tr>
            
            <td width="99%" height="65" align="left" valign="top">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="20"  align="center" valign="middle" style="background:url(<%=application.getContextPath() %>/images/hed-bg-block.jpg); background-repeat:repeat-x" class="hed2"><strong>Expenses</strong></td>
              </tr>
              <tr>
                <td height="20" align="center"  class="icon-header2"></td>
              </tr>
              <tr>
              	 <td height="20" align="left"  class="icon-header2">
              	 	<table width="100%" border="0" cellspacing="0" cellpadding="0">
              	 	<tr>
              	 		<td  width="6%" >
        					<input type="button" id="addbutton" name="add" value="Add" class="button-black-right" style="width: 37px; height: 25px; font-size: 11px; margin-left: 5px; "/>
        				</td>
        				<td  width="1%">&nbsp;</td>
        				<td width="93%">
        				<a href="<%=application.getContextPath()%>/expensesContrInAdmin/getViewDetails.do">
        					<input type="button" id="viewbutton" name="view" value="View" class="button-black" style="width: 43px; height: 25px; font-size: 11px; margin-left: 5px; " />
        				</a>
        				</td>
              	 	</tr>
              	 	</table>
                	
                </td>
              </tr>
                          
                </table>
                </td>
            </tr>
              <tr>
              	<td>
                	
                </td>
              </tr>
              
              <tr>
                <td height="10">&nbsp; </td>
                
              </tr>
              <tr>
                <td height="2">        </td>
                
            </tr>
            </table></td>
      </tr>
        </table>
    </td>
  </tr>
  
  <tr>
        <td>&nbsp; </td>
        </tr>
        <tr>
        <td  valign="top">
        <div id="addExp" >
        <form action="<%=application.getContextPath()%>/expensesContrInAdmin/save.do" method="post" id="myform">
        <table width="98%" align="center" height="425" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="100%" align="center" valign="top">
        <table width="100%"  cellpadding="0" cellspacing="0" class="box-border1">
          <tr>
            
            <td width="99%" align="left" valign="top">
       		<table width="100%" height="300" border="0" cellspacing="0" cellpadding="0">
        	<tr>
                <td  align="left" height="5px" >&nbsp;</td>
              </tr>
              <tr>
               
                <td height="18" colspan="3"  align="left" valign="middle"  class="hed2" style="background:url(<%=application.getContextPath() %>/images/arrow-big.jpg); background-repeat:no-repeat">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Add/Edit Expenses</td>
              </tr>
              <tr>
                <td  align="left" height="5px" class="hed-blc">&nbsp;</td>
              </tr>
              <tr>
                <td  align="left" height="5px" class="hed-blc">&nbsp;</td>
              </tr>
        	<tr>
        		<td align="left" valign="top" >
        			<table width="100%"  border="0" cellspacing="0" cellpadding="0">
        				<tr>
        					<td  align="left" width="68">&nbsp;</td>
       					  <td  align="left" width="134" class="hed-blc">Executive Name:</td>
   					  <td width="217" align="left" class="hed-blc">
      						<select name="exeName" id="exeName" class="textfield required" tabindex="1" onChange="javascript: getdetails()">
                 				 <option value="">Please Select</option>
                 	 				<%
                 	 					List<Executives> exlist=(List<Executives>)request.getAttribute("exlist");
                 						 for(int i=0;i<exlist.size();i++){
                 		 				String exeName="";
                 		
                						exeName=request.getParameter("exeName");
                						if(exlist.get(i).getExeName().equals(exeName)){
                					%>
                				<option value="<%= exlist.get(i).getId()%>" selected="selected"><%= exlist.get(i).getExeName()%></option>
                					<%
                						}else {
                		              	 
                 	 				%>
                 	 			<option value="<%= exlist.get(i).getId()%>"><%= exlist.get(i).getExeName()%></option>
                 					 <%
                 	 					} 
                 	 					}
                 	 				%>
                 				</select>  
                 				              		   </td>
               		      <td  align="left" width="68">&nbsp;</td>
       					  	<td  align="left" width="134"class="hed-blc">Month:</td>
							<td  align="left" class="hed-blc">
                 				<select name="month" id="month" class="textfield required" tabindex="2" onChange="javascript: getdetails()" >
                 					<option value="">Month</option>
                 					<option value="01">January</option>
                 					<option value="02">february</option>
                 					<option value="03">March</option>
                 					<option value="04">April</option>
                 					<option value="05">May</option>
                 					<option value="06">June</option>
                 					<option value="07">July</option>
                 					<option value="08">August</option>
                 					<option value="09">September</option>
                 					<option value="10">October</option>
                 					<option value="11">November</option>
                 					<option value="12">December</option>
                 				</select>                		   </td>
                		   <td  align="left" >&nbsp;</td>
       				  </tr>
        				<tr>
        					<td  align="left" width="68">&nbsp;</td>
       					  <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
        				</tr>
        				<tr>
        					<td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">Year:</td>
                		   <td  align="left" class="hed-blc">
                		   		<select name="year" id="year" class="textfield required" tabindex="3" onChange="javascript: getdetails()">
                 					<option value="">Year</option>
                 					<option value="2012">2012</option>
                 					<option value="2013">2013</option>
                 					<option value="2014">2014</option>
                 					<option value="2015">2015</option>
                 					<option value="2016">2016</option>
                 					<option value="2017">2017</option>
                 					<option value="2018">2018</option>
                 					<option value="2019">2019</option>
                 					<option value="2020">2020</option>
                 					<option value="2021">2021</option>
                 					<option value="2022">2022</option>
                 					<option value="2023">2023</option>
                 				</select>  
                 			 </td>
                		   <td  align="left" width="68"></td>
       					  	<td  align="left" width="134"class="hed-blc">Travel:</td>
							<td  align="left" class="hed-blc">
                 				<input type="text" name="travel" id="travel" class="textfield" tabindex="4" value="" onChange="javascript: gettotal()"/>                		   </td>
                		   <td  align="left" >&nbsp;</td>
        				</tr>
        				<tr>
        					<td  align="left" width="68">&nbsp;</td>
       					  <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
        				</tr>
        				<tr>
        					<td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">Hotel:</td>
                		   <td  align="left" class="hed-blc">
                		   		<input type="text" name="hotel" id="hotel" class="textfield" tabindex="5" value="" onChange="javascript: gettotal()"/>                		   </td>
                		   <td  align="left" width="68">&nbsp;</td>
       					  	<td  align="left" width="134"class="hed-blc">O/S Expenses:</td>
							<td  align="left" class="hed-blc">
                 				<input type="text" name="osExp" id="osExp" class="textfield" tabindex="6" value="" onChange="javascript: gettotal()"/>                		   </td>
                		   <td  align="left" >&nbsp;</td>
        				</tr>
        				<tr>
        					<td  align="left" width="68">&nbsp;</td>
       					  <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
        				</tr>
        				<tr>
        					<td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">Individual Allowance:</td>
                		   <td  align="left" class="hed-blc">
                		   		<input type="text" name="indAllow" id="indAllow" class="textfield" tabindex="7" value="" onChange="javascript: gettotal()"/>                		   </td>
                		  <td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">Total Pay:</td>
                		   <td align="left" class="hed-blc">
                		   <input type="text" name="totalpay" id="totalpay" class="textfield" tabindex="8" value=""/>
                           </td>
                		   <td  align="left" >&nbsp;</td>
        				</tr>
        				<tr>
        					<td  align="left" width="68">&nbsp;</td>
       					  <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
                		   <td  align="left" class="hed-blc">&nbsp;</td>
                		   <td  align="left" >&nbsp;</td>
        				</tr>
        				<tr>
        					<td  align="left" >&nbsp;</td>
       					  	<td  align="left"  class="hed-blc">&nbsp;</td>
   					  		<td  align="left" class="hed-blc">&nbsp;</td>
               		      	<td  align="left" >&nbsp;</td>
       					  	<td  align="left"  class="hed-blc">&nbsp;</td>
   					  		<td  align="left" class="hed-blc">&nbsp;</td>
               		      	<td  align="left" >&nbsp;</td>
        				</tr>
        			</table>
        		</td>
                		
        	</tr>
        	<tr>
                <td  align="left" height="5px" class="hed-blc">&nbsp;</td>
              </tr>
              <tr>
                <td   height="25px" >
					<table width="100%"  border="0" cellspacing="0" cellpadding="0">
						<tr>
						<td width="82%" align="right">
						  <input type="submit" name="submit" class="button-black-right" tabindex="9" value="Save"/>
						</td>
						<td >&nbsp;</td>
					  <td width="18%">
						  <input type="button" name="clear" class="button-black" tabindex="10" value="Clear"/>
						</td>
					  </tr>
					</table>
				</td>
              </tr>
              <tr>
                <td  align="left" height="5px" class="hed-blc">&nbsp;</td>
              </tr>
        </table>
        </td>
        </tr>
        </table>
        </td>
        </tr>
        </table>
        </form>
        </div> 
        <%
        List<AdminExpensesToExec> explist=(List<AdminExpensesToExec>)session.getAttribute("explist");
                	if(explist!=null){
        %>
        <div id="expenseAccordion">
															<h3>
																<a href="#">Local Conveyance</a>
															</h3>
															<div>
															
																<table width="100%" border="0" cellspacing="0"
																	cellpadding="0">

																			<tr>
																			<td height="10">&nbsp;</td>
																			</tr>
																			<tr>
																			<td height="10" class="hed-blc">Executive Name
																			<select name="exec1Name" id="exec1Name" class="textfield required" onChange="javascript: getLocalDetails()">
                 				 											<option value="">Please Select</option>
                 	 														<%
                 	 															
                 						 										for(int i=0;i<exlist.size();i++){
                 		 				
                															%>
                 	 															<option value="<%= exlist.get(i).getId()%>"><%= exlist.get(i).getExeName()%></option>
                 					 										<%
                 	 															} 
                 	 					
                 	 														%>
                 															</select>   
																			</td>
																			</tr>
																			<tr>
																			<td height="10">&nbsp;</td>
																			</tr>
																			<tr>
																			<td height="10">
																			<div id="localConvyList" style="display: none">
																			
																			</div>
																			</td>
																			</tr>
																</table>
																
															</div>
															<h3>
																<a href="#">Outstation Expenses</a>
															</h3>
															<div>
															
																<table width="100%" border="0" cellspacing="0"
																	cellpadding="0">
																	<tr>
																			<td height="10">&nbsp;</td>
																			</tr>
																	<tr>
																			<td height="10" class="hed-blc">Executive Name
																			<select name="exec2Name" id="exec2Name" class="textfield required" onChange="javascript: getOutDetails()">
                 				 											<option value="">Please Select</option>
                 	 														<%
                 	 															
                 						 										for(int i=0;i<exlist.size();i++){
                 		 				
                															%>
                 	 															<option value="<%= exlist.get(i).getId()%>"><%= exlist.get(i).getExeName()%></option>
                 					 										<%
                 	 															} 
                 	 					
                 	 														%>
                 															</select></td>
																			</tr>
																	<tr>
																			<td height="10">&nbsp;</td>
																			</tr>
																	<tr>
																			<td height="10">
																			<div id="outStationList" style="display: none">
																			
																			</div>
																			</td>
																			</tr>
																</table>
															
															</div>
															<h3>
																<a href="#">Mobile Expenses</a>
															</h3>
															<div>
															
																<table width="100%" border="0" cellspacing="0"
																	cellpadding="0">
																		<tr>
																			<td height="10">&nbsp;</td>
																			</tr>
																		<tr>
																			<td height="10" class="hed-blc">Executive Name
																			<select name="exec3Name" id="exec3Name" class="textfield required" onChange="javascript: getMblDetails()">
                 				 											<option value="">Please Select</option>
                 	 														<%
                 	 															
                 						 										for(int i=0;i<exlist.size();i++){
                 		 				
                															%>
                 	 															<option value="<%= exlist.get(i).getId()%>"><%= exlist.get(i).getExeName()%></option>
                 					 										<%
                 	 															} 
                 	 					
                 	 														%>
                 															</select></td>
																			</tr>
																		<tr>
																			<td height="10">&nbsp;</td>
																			</tr>
																		<tr>
																			<td height="10">
																			<div id="mblExpnsesList" style="display: none">
																			
																			</div>
																			</td>
																			</tr>
																</table>
																
															</div>
														</div>
        <%
        session.setAttribute("explist",null);
                	}
        %>
        </td>
        </tr>
        <tr>
        <td height="150px">&nbsp; </td>
        </tr>
        <tr>
    <td height="40" align="left" valign="top" bgcolor="#0B0B0B">&nbsp;</td>
  </tr>
</table>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
	$("#addbutton").click(function(){
		$("#addExp").show("slow");
		$("#viewExp").hide("slow");
	});
});
</script>

<script type="text/javascript">
function gettotal(){
	var travel=$("#travel").val();
	var hotel=$("#hotel").val();
	var osExp=$("#osExp").val();
	var indAllow=$("#indAllow").val();
	
	var t=0;
	var h=0;
	var o=0;
	var i=0;
	if(travel!=""){
		t=parseInt(travel);
	}
	if(hotel!=""){
		h=parseFloat(hotel);
	}
	if(osExp!=""){
		o=parseFloat(osExp);
	}
	if(indAllow!=""){
		i=parseFloat(indAllow);
	}
	var total=t+h+o+i;
	total=total.toFixed(2);
	$("#totalpay").val(total);
}
</script>

<script type="text/javascript">
function getdetails(){
	var exeName=$("#exeName").val();
	 var mnth=$("#month").val();
	 var year=$("#year").val();
	 var data="exeName="+exeName+"&month="+mnth+"&year="+year;
	// alert(data);
	if(exeName!="" && mnth!="" && year!=""){
	$.ajax({
		url:"<%=application.getContextPath() %>/expensesContrInAdmin/getDetails.do",
		mimetype: "text/plain",
		method: "post",
		cache: false,
		data: data,
		success: function(res){
			if(res!=""){
				var temp=res.split("/");
				$("#travel").val(temp[0]);
				$("#hotel").val(temp[1]);
				$("#osExp").val(temp[2]);
				$("#indAllow").val(temp[3]);
				$("#totalpay").val(temp[4]);
			}
			
			
		}
		
	});
	}
}
</script>
<script type="text/javascript">
function getLocalDetails(){
	var exeName=$("#exec1Name").val();
	if(exeName!=""){
	var data ="exeName="+exeName;
	$.ajax({
		url:"<%=application.getContextPath()%>/expenses/getLocalConvyList.do",
		mimetype : "text/html",
		cache : false,
		data:data,
		success : function(res) {
			$("#localConvyList").html(res);
			$("#localConvyList").show();
			
		}
		});
	}else{
		$("#localConvyList").hide();
	}
}
</script>
<script type="text/javascript">
function getOutDetails(){
	var exeName=$("#exec2Name").val();
	if(exeName!=""){
	var data ="exeName="+exeName;
	$.ajax({
		url:"<%=application.getContextPath()%>/expenses/getOutStationList.do",
		mimetype : "text/html",
		cache : false,
		data:data,
		success : function(res) {
			$("#outStationList").html(res);
			$("#outStationList").show();
			
		}
		});
	}else{
		$("#outStationList").hide();
	}
}
</script>
<script type="text/javascript">
function getMblDetails(){
	var exeName=$("#exec3Name").val();
	if(exeName!=""){
	var data ="exeName="+exeName;
	$.ajax({
		url:"<%=application.getContextPath()%>/expenses/getMblList.do",
		mimetype : "text/html",
		cache : false,
		data:data,
		success : function(res) {
			$("#mblExpnsesList").html(res);
			$("#mblExpnsesList").show();
			
		}
		});
	}else{
		$("#mblExpnsesList").hide();
		}
}
</script>